<template>
  <div class="container">
    <Header />
    <div class="container-inner">
      <router-view />
    </div>
    <Footer />
  </div>
</template>

<script>
import Header from '@/views/Header/Index'
import Footer from '@/views/Footer/Index'
export default {
  name: 'Container',
  components: {
    Header,
    Footer
  },
  data() {
    return {}
  }
}
</script>

<style scoped>
.container {
  height: 100%;
}
.container-inner {
  min-height: calc(100% - 44px - 80px);
  background: #1f6081 url(~@/assets/img/pixels.png) repeat;
}
</style>
